<template>
  <van-card
    :num="mes.count"
    :price="mes.price"
    :desc="mes.enname"
    :title="mes.name"
    :thumb="mes.small_img || mes.smallImg"
  >
    <template #tags>
      <div class="rule">{{ mes.rule }}</div>
    </template>
  </van-card>
</template>

<script>
export default {
  props: {
    mes: {
      default: null,
    },
  },
};
</script>

<style lang="less" scoped>
.van-card {
  background-color: #fff;
}
/deep/.van-card__desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #999;
}
/deep/.van-card__title {
  font-size: 14px;
}
.rule {
  color: #aaa;
}
/deep/.van-card__price {
  color: rgb(12, 52, 186);
  font-weight: bold;
}
</style>